<!doctype html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="format-detection" content="telephone=no"/>
	<meta name="apple-mobile-app-status-bar-style" content="black" />
	<meta name="apple-touch-fullscreen" content="YES" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0" />
	<title>Vizory</title>
	<link rel="stylesheet" href="static/css/output.css">
</head>
<body>
	<div class="background">
		<div class="ribbon"></div>
		<div class="tableCard"></div>
	</div>
	<div class="nav">
		<table>
			<tr>
				<td><a href="index.html">首页</a></td>
				<td><a href="archives.html">文章</a></td>
				<td><a href="categories.html">分类</a></td>
				<td><a href="###">关于</a></td>
			</tr>
			<tr><td></td><td></td><td></td><td></td></tr>
			<tr><td></td><td></td><td></td><td></td></tr>
			<tr><td></td><td></td><td></td><td></td></tr>
			<tr><td></td><td></td><td></td><td></td></tr>
		</table>
	</div>
	<div class="container">
		<div class="header">
			<div class="headerBackground">
				<div class="headerBackgroundImg"></div>
			</div>
			<div class="headerContent">
				<div class="avatar" alt="avatar">
					<a href="index.html">
						<img src="static/img/avatar.jpg" alt="avatar">
					</a>
				</div>
				<div class="blogTitle">
					<h1>IwYvI</h1>
					<p>干了这碗鸡汤</p>
				</div>
			</div>
		</div>
		<div class="main">
			<div class="mainBackground">
				<div class="mainBackgroundLeft"></div>
				<div class="mainBackgroundRight">
					<div class="mainBackgroundCode">
						<pre>html {
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  height: 100%;
  background-color: #333333;
  position: relative;
  padding-top: 1px;
  margin-top: -1px; }

.background {
  width: 100%;
  height: 100%; }</pre>
					</div>
				</div>
			</div>
			<div class="mainContent">
				<div class="largeCard">
					<div class="largeCardContent">
						<h2>分类</h2>
						<ul class="largeCardList">
							<li>
								<a href="###">
									<p>文章那么长的标题怎么搞</p>
									<p class="date">2015.3.5</p>
								</a>
							</li>
							<li>
								<a href="###">
									<p>分类1（2）</p>
									<p class="date">2015.3.5</p>
								</a>
							</li>
							<li>
								<a href="###">
									<p>分类1（2）</p>
									<p class="date">2015.3.5</p>
								</a>
							</li>
							<li>
								<a href="###">
									<p>分类1（2）</p>
									<p class="date">2015.3.5</p>
								</a>
							</li>
							<li>
								<a href="###">
									<p>分类1（2）</p>
									<p class="date">2015.3.5</p>
								</a>
							</li>
							<li>
								<a href="###">
									<p>分类1（2）</p>
									<p class="date">2015.3.5</p>
								</a>
							</li>
							<li>
								<a href="###">
									<p>分类1（2）</p>
									<p class="date">2015.3.5</p>
								</a>
							</li>
							<li>
								<a href="###">
									<p>分类1（2）</p>
									<p class="date">2015.3.5</p>
								</a>
							</li>
							<li>
								<a href="###">
									<p>分类1（2）</p>
									<p class="date">2015.3.5</p>
								</a>
							</li>
						</ul>
					</div>
				</div>

			</div>
		</div>
		<div class="footer">
			<div class="link">
				<a href="https://github.com/IwYvI"><img src="static/img/github_4.png" height="32" width="32" alt=""></a>
				<a href="###"><img src="static/img/github_4.png" height="32" width="32" alt=""></a>
			</div>
			<div class="copyright">
				<p>Copyright © 2016, Content By <a href="https://github.com/IwYvI">IwYvI</a>. All Rights Reserved.
				</p>
				<p>Theme By <a href="https://github.com/IwYvI">IwYvI</a></p>
			</div>
		</div>
	</div>
</body>
</html>
